<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1986880_n8zjblo91o.css">
    <link rel="stylesheet" href="../../css/normalize.css">
    <link rel="stylesheet" href="../../css/common.css">
    <title>主页</title>
    <style>
        /* banner广告部分 */
        .adv {
            width: 100%;
            height: auto;
            margin: 20px auto;
            overflow: hidden;
        }
        .adv .adv-a {
            width: 230px;
            height: 440px;
            background: #FFFFFF;
            border-radius: 5px;
        }
        
        .adv .tabs {
            width: 100%;
            position: relative;
        }

        .adv .tabs .item {
            width: 50%;
            height: 50px;
            text-align: center;
            line-height: 50px;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            cursor: pointer;
        }

        .adv .tabs .line {
            width: 40px;
            height: 2px;
            background: #4C9AFE;
            position: absolute;
            left: 39px;
            top: 40px;
            transition: .3s;
        }

        .adv .tabs .item:first-child.active {
            color: #4C9AFE;
        }

        .adv .tabs .item:nth-child(2).active {
            color: #4C9AFE;
        }

        .adv .tabs .item:nth-child(2).active+.line {
            left: 155px;
        }

        .adv .adv-a .tab1 .item {
            width: 50%;
            padding: 10px 0;
            text-align: center;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            cursor: pointer;
        }

        .adv .adv-b {
            margin-left: 10px;
            margin-right: 10px;
        }

        .adv .adv-b .banner {
            width: 700px;
            height: 300px;
            overflow: hidden;
            border-radius: 5px;
            margin-bottom: 10px;
        }

        .adv .adv-b .banner img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .adv .adv-b .adv-menu {
            width: 700px;
            height: 130px;
            background: #FFFFFF;
            border-radius: 10px;
        }

        .adv .adv-b .adv-menu .item {
            width: 25%;
            height: 100%;
        }

        .adv .adv-b .adv-menu .icon {
            width: 30px;
            height: auto;
            margin-right: 13px;
            margin-left: 6px;
            margin-top: 50px;
        }

        .adv .adv-b .adv-menu .info-a {
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            margin-top: 42px;
            margin-bottom: 15px;
        }

        .adv .adv-b .adv-menu .info-b {
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .adv .adv-c{
            width: 250px;
            height: auto;
        }
        .adv .adv-c .jx-server{
            width: 250px;
            height: 301px;
            background: #FFFFFF;
            border-radius: 5px;
            margin-bottom: 10px;
        }
        .adv .jx-server .title{
            width: 100%;
            text-align: center;
            padding: 20px 0;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .adv .jx-server .list{
            width: 100%;
            height: auto;
            margin-top: 20px;
        }
        .adv .jx-server .item{
            width: 50%;
            height: auto;
            margin-bottom: 40px;
        }
        .adv .jx-server .icon{
            display: block;
            width: auto;
            height: 37px;
            margin: 0 auto 20px;
        }
        .adv .jx-server .txt{
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .adv .findbycity{
            width: 250px;
            height: 130px;
            background: linear-gradient(90deg, #4C9AFE, #93BDF3);
            border-radius: 5px;
            padding: 0 22px;
            box-sizing: border-box;
        }
        .adv .findbycity .title{
            padding: 15px 0;
            border-bottom: 1px solid #fff;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
        }
        .adv .findbycity .list{
            width: 100%;
            height: auto;
        }
        .adv .findbycity .item{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            margin: 15px 6px 0;
        }
        /* 律师 */
        .l-title{
            width: 100%;
            padding: 40px 0;
            font-size: 30px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .l-title span{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .l-title .l-title-right{
            overflow: hidden;
            cursor: pointer;
        }
        .l-title .l-title-right .iconfont{
            font-size: 16px;
            color: #999999;
        }
        .l-title .l-title-right .right-txt{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        /*  */
        .floorone{
            width: 100%;
            height: auto;
            overflow: hidden;
            background-color: #fff;
        }
        .jx-ly{
            width: 100%;
            height: auto;
        }
        .jx-ly .list{
            width: 100%;
            overflow: hidden;
            margin-bottom: 10px;
        }
        .jx-ly .list .item{
            width: 232px;
            height: 110px;
            border-radius: 5px;
            padding: 0 15px;
            overflow: hidden;
            position: relative;
            box-sizing: border-box;
            margin-right: 10px;
        }
        .jx-ly .list .item:nth-child(2n -1){
            background-color: #AC96C5;
        }
        .jx-ly .list .item:nth-child(2n){
            background-color: #DCBD9E;
        }
        .jx-ly .list .item:nth-child(3n){
            background-color: #91ACBF;
        }
        .jx-ly .list .item .heading{
            width: 75px;
            height: 75px;
            position: absolute;
            bottom: 0;
            right: 10px;
        }
        .jx-ly .list .item .name{
            font-size: 24px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
        }
        .jx-ly .list .item .labble{
            width: 37px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            background: rgba(222, 222, 222, .3);
            border-radius: 5px;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #FFFFFF;
            margin-top: 3px;
            margin-left: 5px;
        }
        .jx-ly .list .item .l-top{
            width: 100%;
            overflow: hidden;
            margin-top: 10px;
        }
        .jx-ly .list .item .phone{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
        }
        .jx-ly .list .item .info{
            width: 100%;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            margin-top: 10px;
            margin-bottom:10px;
        }
        /* 法律快讯 */
        .jx-news{
            width: 100%;
            height: auto;
            margin-bottom: 40px;
            overflow: hidden;
        }
        .jx-news .list{
            width: 100%;
        }
        .jx-news .list .item{
            width: 386px;
            height: 130px;
            background: #FFFFFF;
            border: 1px solid #E2E2E2;
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
            border-radius: 5px;
            border-bottom: 3px solid #4C9AFE;
            padding: 0 18px;
            margin: 0 5px;
        }
        .jx-news .list .item .item-title{
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            padding: 20px 0;
        }
        .jx-news .list .item .item-desc{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .floortwo{
            width: 100%;
            height: auto;
            overflow: hidden;
            background-color: #F3F4F8;
        }
        /* 专业律师 */
        .zy-ly{
            width: 100%;
            height: auto;
            overflow: hidden;
        }
        .zy-ly .list{
            width: 100%;
            height: auto;
        }
        .zy-ly .list .item{
            width: 386px;
            height: 480px;
            background: #FFFFFF;
            border-radius: 5px;
            margin:  5px;
            padding: 20px;
        }
        .zy-ly .list .item .ly-info{
            width: 346px;
            height: 440px;
            border-radius: 5px;
            overflow: hidden;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
        .zy-ly .list .ly-info{
            width: 100%;
            overflow: hidden;
            position: relative;
        }
        .zy-ly .bg1{
            background-image: url('../../images/laywerbg1.png');
        }
        .zy-ly .bg2{
            background-image: url('../../images/laywerbg2.png');
        }
        .zy-ly .bg3{
            background-image: url('../../images/laywerbg3.png');
        }
        .zy-ly .bg4{
            background-image: url('../../images/laywerbg4.png');
        }
        .zy-ly .ly-info .top{
            width: 100%;
            text-align: center;
            margin: 20px 0;
        }
        .zy-ly .ly-info .name{
            font-size: 26px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
        }
        .zy-ly .ly-info .labble{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
        }
        .zy-ly .ly-info .info-txt{
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
        }
        .zy-ly .phone{
            width: 152px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            background: #A8555E;
            border-radius: 15px;
            margin: 12px auto;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
        }
        .zy-ly .lm-info{
            overflow: hidden;
            padding-top: 20px;
        }
        .zy-ly .ly-info .heading{
            width: 250px;
            height: 250px;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }
        .zy-ly .item-title{
            font-size: 24px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #333333;
        }
        .zy-ly .item-title span{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-left: 10px;
        }
        .zy-ly .lm-item{
            width: 48%;
            height: 220px;
            background-color: #CEB9AB;
            border-radius: 5px;
            overflow: hidden;
            padding: 0 15px;
            position: relative;
            background-size: 100% 100%;
        }
        .zy-ly .lm-item .name{
            font-size: 26px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
            margin-top: 15px;
        }
        .zy-ly .lm-item .phone{
            width: 122px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            background: #1565B4;
            border-radius: 15px;
            margin: 12px auto;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
        }
        .zy-ly .lm-item .heading{
            width: 100px;
            height: 100px;
            position: absolute;
            right: 10px;
            bottom: 0;
            z-index: 1;
        }
        .zy-ly .lm-item .info{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
        }
        .zy-ly .lm-btinfo{
            width: 100%;
            height: 160px;
            background-color: #000000;
            border-radius: 5px;
            overflow: hidden;
            margin-top: 12px;
            position: relative;
            background-size: 100% 100%;
        }
        .zy-ly .lm-btinfo .heading{
            width: 100px;
            height: 100px;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .zy-ly .lm-btinfo .info{
            padding-left: 150px;
        }
        .zy-ly .lm-btinfo .name{
            font-size:18px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
            margin-top: 15px;
        }
        .zy-ly .lm-btinfo .phone{
            height: 25px;
            line-height: 25px;
            margin: 0;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .zy-ly .lm-btinfo .txt{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .zy-ly .lr-info{
            margin-top: 5px;
            overflow: hidden;
        }
        .zy-ly .lr-info .top{
            margin-top: 60px;
        }
        /* 律师问答 */
        .ask-ly{
           width: 100%;
           height: auto;
           padding-bottom: 20px;
           overflow: hidden;
        }
        .ask-ly .ask-content{
            width: 100%;
            height: auto;
            overflow: hidden;
        }
        .ask-ly .ask-content .findbycat{
            width: 440px;
            height: 638px;
            background: #FFFFFF;
            border-radius: 5px;
            padding: 0 19px;
        }
        .ask-ly .ask-content .findbycat .title{
            padding: 20px 0;
            font-size: 24px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
        }
        .ask-ly .findbycat .txt{
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #4C9AFE;
        }
        .ask-ly .findbycat .item{
            max-height: 60px;
            overflow: hidden;
            border-bottom: 1px solid #e2e2e2;
            transition: .3s;
            -webkit-transition: .3s;
        }
        .ask-ly .fixinfo{
            width: 100%;
            line-height: 40px;
            padding: 10px 0;
            height: auto;
            overflow: hidden;
            cursor: pointer;
        }
        .ask-ly .findbycat .fixinfo .icon{
            font-size: 24px;
            color: #ccc;
            margin-right: 15px;
        }
        .ask-ly .findbycat .fixinfo .txt{
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
        }
        .ask-ly .findbycat .fixinfo .iconf11{
            font-size: 26px; 
            color: #999999;
        }
        .ask-ly .labbles{
            width: 100%;
            height: auto;
            padding-top: 10px;
            overflow: hidden;
        }
        .ask-ly .findbycat .labble{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-right: 34px;
            margin-bottom: 16px;
        }
        .ask-ly .findbycat .item.active .iconfont{
            color: #4C9AFE;
        }
        .ask-ly .findbycat .item.active  .txt{
            color: #4C9AFE;
        }
        .ask-ly .findbycat .item.active{
            max-height: 700px;

        }
        .ask-online{
            width: 742px;
            height: 638px;
            background: #FFFFFF;
            border-radius: 5px;
            padding: 0 20px;
            position: relative;
        }
        .ask-online .search-box{
            width: 100%;
            height: 100px;
        }
        .ask-online .search-box .spa{
            line-height: 100px;
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .ask-online .ipt{
            width:339px;
            height: 40px;
            border-radius: 20px 0 0 20px;
            background: #F4F4F4;
            border: 1px solid #E2E2E2;
            padding: 0 20px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #222;
            margin-top: 30px;
        }
        .ask-online .ipt::placeholder{
            color: #999999;
        }
        .ask-online .btn{
            width: 90px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            background: #4C9AFE;
            border-radius: 0px 20px 20px 0px;
            margin-top: 30px;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
        }
        .ask-online .list{
            width: 100%;
            height:auto;
        }
        .ask-online .list .item{
            padding: 30px 0;
            width: 100%;
            height: auto;
            overflow: hidden;
            border-top: 1px solid #E2E2E2;
        }
        .ask-online .list .item .heading{
            width: 40px;
            height: 40px;
            display: block;
            border-radius: 50%;
            overflow: hidden;
        }
        .ask-online .list .item  .info{
            width: 640px;
        }
        .ask-online .list .item .txt{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            line-height: 24px;
            margin-bottom: 10px;
        }
        .ask-online .list .item .other-info{
            width: 100%;
            height: auto;
        }
        .ask-online .list .item .other-info .cat{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-right: 20px;
        }
        .ask-online .more{
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            position: absolute;
            right: 10px;
            bottom: 10px;
        }
        .floorthree{
            width: 100%;
            height:auto;
            overflow: hidden;
            background-color: #fff;
        }
        /* 律师说法 */
        .ly-sf{
            width: 100%;
            height: auto;
            overflow: hidden;
            margin-bottom: 10px;
        }
        .ly-sf .item{
            margin: 0 15px;
            position: relative;
            cursor: pointer;
        }
        .ly-sf .cover{
            width: 265px;
            height:160px;
            border-radius: 5px;
            overflow: hidden;
        }
        .ly-sf .parue{
            width: 34px;
            height: 34px;
            position: absolute;
            left: 20px;
            top: 97px;
        }
        .ly-sf .title{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            padding: 10px 0;
        }
        .ly-sf .name{
            width: 100%;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        /* 法律聚焦 */
        .lv-jj{
            width:100%;
            height: auto;
        }
        .lv-jj .title{
            width: 100%;
            text-align: left;
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #666666; 
        }
        .lv-jj  .cats {
            width: 100%;
            padding: 15px 0;
            overflow: hidden;
        }
        .lv-jj  .cats .left{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .lv-jj  .cats .right span{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 300;
            color: #999999;
        }
        .lv-jj  .cats .right .iconfont{
            color: #999999;
            font-size: 14px;
        }
        .lv-jj .lvjj{
            width: 380px;
            height: 130px;
            background: linear-gradient(105deg, #A4B7C6, #BBC2C8);
            border-radius: 5px;
            position: relative;
            padding: 0 20px;
        }
        .lv-jj .item{
            width: 380px;
            height: auto;
            overflow: hidden;
            margin-right: 10px;
        }
        .lv-jj .lvjj{
            overflow: hidden;
        }
        .lv-jj .lvjj .tj{
            width: 36px;
            height: 26px;
            background: #F25618;
            text-align: center;
            line-height: 26px;
            position: absolute;
            right: 0;
            top: 8px;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            border-radius: 13px 0 0 13px;
        }
        .lv-jj .lvjj .heading{
            width: 110px;
            height:110px;
            position: absolute;
            right: 20px;
            bottom: 0;
        }
        .lv-jj .lvjj  .name{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
            padding: 20px 0 10px;
        }
        .lv-jj .lvjj  .lt-desc{
            width: 220px;
            height: auto;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
        }
        .lv-jj .lvjj  .phones {
            line-height: 30px;
        }
        .lv-jj .lvjj  .phones .iconfont{
            color: #fff;
            font-size: 18px;
            position: relative;
            top: 2px;
        }
        .lv-jj .lvjj  .phones .phone-txt{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
        }
        .lv-jj .labbles{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding-bottom: 50px;
        }
        .lv-jj .labbles .labble{
            width: 50%;
            text-align: left;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            margin-top: 20px;
            overflow: hidden;
        }
        .ask-modules-ac:hover .ask-modules{
            display: block;
        }
        .ask-modules:hover{
            display: block;
        }
        /* 法律咨询弹窗 */
        .ask-modules{
            display: none;
            width: 100%;
            height: 178px;
            background: #FFFFFF;
            border-top: 1px solid rgba(0, 0, 0, .05);
            padding: 25px 0;
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
            position: absolute;
            left: 0;
            top: 185px;
        }
        .ask-modules .quick-ask{
            width: 400px;
            height: 100%;
            border-right: 1px solid #E2E2E2;
        }
        .ask-modules .quick-ask img{
            width: 51px;
            height: auto;
            overflow: hidden;
            margin-right: 10px;
        }
        .ask-modules .quick-ask .quick-title{
            padding-right: 50px;
        }
        .ask-modules .quick-ask .spa{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            margin: 28px 0 5px;
        }
        .ask-modules .quick-ask .spb{
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #999999;
        }
        .ask-modules .item{
            width: 100px;
            height: auto;
        }
        .ask-modules .pic{
            display: block;
            width: 30px;
            height: auto;
            margin: 22px auto 25px;
        }
        .ask-modules .txt{
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            color: #666666;
        }
        .lawyer-find-ac:hover .lawyer-find{
            display: block;
        }
        .lawyer-find:hover{
            display: block;
        }
        /* 找律师弹层 */
        .lawyer-find{
            display: none;
            width: 100%;
            height: 178px;
            overflow: hidden;
            background: #fff;
            padding: 25px 0;
            position: absolute;
            left: 0;
            top: 185px;
        }
        .header .lawyer-find .item{
            margin:0;
            padding: 0;
            width: 48%;
            height: 128px;
            padding-left: 140px;
        }
        .lawyer-find .item .title{
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            margin-bottom: 20px;
        }
        .lawyer-find .item .title .iconfont{
            color: #666;
        }
        .lawyer-find .item-list{
            width: 100%;
        }
        .lawyer-find .item-list .lable{
            width: 100px;
            padding: 10px 0;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
        }
        .lawyer-shuofa-ac:hover .lawyer-shuofa{
            display: block;
        }
        .lawyer-shuofa:hover{
            display: block;
        }
        .lawyer-shuofa-ac:hover .lawyer-shuofa{
            display: block;
        }
        .lawyer-shuofa:hover{
            display: block;
        }
        .lawyer-anjian-ac:hover .lawyer-anjian{
            display: block;
        }
        .lawyer-anjian:hover{
            display: block;
        }
        /* 律师说法 */
        .lawyer-ask{
            display: none;
            width: 100%;
            height: 178px;
            background-color: #fff;
            position: absolute;
            left: 0;
            top: 185px;
        }
        .lawyer-ask .wrapper{
            text-align: center;
            overflow: hidden;
        }
        .lawyer-ask .ask-item{
            display: block;
            width: 80px;
            height: auto;
            margin: 40px 30px;
            cursor: pointer;
        }
        .lawyer-ask .ask-item:first-child{
            margin-left: 360px;
        }
        .lawyer-ask .ask-item .pic{
            width: 30px;
            height: auto;
            margin-bottom: 15px;
        }
        .lawyer-ask .ask-item .txt{
            width: 100%;
            text-align: center;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
        }
    </style>
</head>

<body>
    <div id="root">
        <div class="header">
            <div class="wrapper">
                <div class="row topmenus">
                    <div class="col header-address fl">
                        <i class="iconfont icondingweiweizhi"></i>
                        <span class="txt">郑州</span>
                        <i class="iconfont icondown-hollow"></i>
                    </div>
                    <div class="col header-menuns fr">
                        <a href="" class="txt fr">手机APP</a>
                        <a href="" class="txt fr">律师入驻</a>
                        <a href="" class="notice fr">
                            <i class="iconfont icontongzhi"></i>
                            <div class="cirle"></div>
                        </a>
                        <div class="lg fr txt">
                            欢迎，请
                            <a href="https:www.baidu.com" class="login">登录</a>
                            ｜ <a href='' class='resign'>免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="header-middle">
                    <img class="logo fl" src="../../images/lawyer.png" alt="">
                    <!-- 下载地址 -->
                    <!-- <div class="downs fr">
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">安卓</div>
                        </div>
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">苹果</div>
                        </div>
                    </div> -->
                    <div class="hot-tips fr">10万律师在线解答</div>
                    <!-- 搜索框 -->
                    <div class="search fr">
                        <div class="ipt-search fl">
                            <input class="ipt" type="text" placeholder="请输入您想要搜索的内容">
                            <i class="iconfont iconsousuo"></i>
                        </div>
                        <div class="btn-search fl">
                            <i class="iconfont iconbianji"></i>
                            <span>提问</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="menus">
                        <div class="item fl ask-modules-ac">
                            <span>法律咨询</span>
                            <i class="iconfont iconf11"></i>
                            <!-- 咨询hover弹层 -->
                            <div class="ask-modules">
                                <div class="wrapper">
                                    <div class="quick-ask fl">
                                        <a href='' class="quick-title fr">
                                            <div class="spa">快速问律师</div>
                                            <div class="spb">3-15分钟获得律师解答</div>
                                        </a>
                                        <img src="../../images/lawyer.png" class="pic fr" >
                                    </div>
                                    <div class="ask-menus fl">
                                        <a href='' class="item fl">
                                            <img src="../../images/lawyer.png" class="pic">
                                            <div class="txt">电话咨询</div>
                                        </a>
                                        <a href='' class="item fl">
                                            <img src="../../images/lawyer.png" class="pic">
                                            <div class="txt">图文咨询</div>
                                        </a>
                                        <a href='' class="item fl">
                                            <img src="../../images/lawyer.png" class="pic">
                                            <div class="txt">面对面咨询</div>
                                        </a>
                                        <a href='' class="item fl">
                                            <img src="../../images/lawyer.png" class="pic">
                                            <div class="txt">合同审核</div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item fl lawyer-find-ac">
                            <span>找律师</span>
                            <i class="iconfont iconf11"></i>
                            <!-- 找律师弹层 -->
                            <div class="lawyer-find">
                                <div class="wrapper">
                                    <div class="item fl">
                                        <div class="title">按专业 <i class="iconfont iconarrow-right"></i></div>
                                        <div class="item-list">
                                            <div class="lable fl">离婚</div>
                                            <div class="lable fl">公司法</div>
                                            <div class="lable fl">刑事辩护</div>
                                            <div class="lable fl">交通事故</div>
                                            <div class="lable fl">刑事辩护</div>
                                            <div class="lable fl">交通事故</div>
                                        </div>
                                    </div>
                                    <div class="item fl">
                                        <div class="title">按服务地区 <i class="iconfont iconarrow-right"></i></div>
                                        <div class="item-list">
                                            <div class="lable fl">离婚</div>
                                            <div class="lable fl">公司法</div>
                                            <div class="lable fl">刑事辩护</div>
                                            <div class="lable fl">交通事故</div>
                                            <div class="lable fl">刑事辩护</div>
                                            <div class="lable fl">交通事故</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <a class="item fl lawyer-shuofa-ac">
                            <span>律师说法</span>
                            <i class="iconfont iconf11"></i>
                            <div class="lawyer-ask lawyer-shuofa">
                                <div class="wrapper">
                                    <div class="ask-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <div class="txt">视频解答</div>
                                    </div>
                                    <div class="ask-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <div class="txt">律师聚焦</div>
                                    </div>
                                    <div class="ask-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <div class="txt">律师解答</div>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a href='' class="item fl">
                            <span>律师问答</span>
                        </a>
                        <a href='' class="item fl">
                            <span>合同下载</span>
                        </a>
                        <a href='' class="item fl">
                            <span>法律知识</span>
                        </a>
                        <a href='' class="item fl lawyer-anjian-ac" >
                            <span>案件协作</span>
                            <div class="lawyer-ask lawyer-anjian">
                                <div class="wrapper">
                                    <div class="ask-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <div class="txt">异地协查</div>
                                    </div>
                                    <div class="ask-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <div class="txt">案件合作</div>
                                    </div>
                                    <div class="ask-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <div class="txt">案件委托</div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 案件协作 -->
        </div>
        <div class="main">
            <div class="wrapper">
                <div class="adv">
                    <div class="adv-a fl">
                        <div class="tabs">
                            <div class="item fl">专业找律师</div>
                            <div class="item active fl">专业找律师</div>
                            <div class="line"></div>
                        </div>
                        <div class="tab1">
                            <div class="item fl">婚姻家庭</div>
                            <div class="item fl">房产纠纷</div>
                            <div class="item fl">合同纠纷</div>
                            <div class="item fl">刑事纠纷</div>
                            <div class="item fl">债务债权</div>
                            <div class="item fl">公司法</div>
                            <div class="item fl">劳动纠纷</div>
                            <div class="item fl">医疗事故</div>
                            <div class="item fl">继承纠纷</div>
                            <div class="item fl">损害赔偿</div>
                        </div>
                    </div>
                    <div class="adv-b fl">
                        <div class="banner"><img src="../../images/banner.png"></div>
                        <div class="adv-menu">
                            <div class="item fl">
                                <img src="../../images/indexmenu5.png" class='icon fl'>
                                <div class="info fl">
                                    <div class="info-a">大数据</div>
                                    <div class="info-b">匹配最合适您的律师</div>
                                </div>
                            </div>
                            <div class="item fl">
                                <img src="../../images/indexmenu6.png" class='icon fl'>
                                <div class="info fl">
                                    <div class="info-a">在线提问</div>
                                    <div class="info-b">多人快速解答</div>
                                </div>
                            </div>
                            <div class="item fl">
                                <img src="../../images/indexmenu7.png" class='icon fl'>
                                <div class="info fl">
                                    <div class="info-a">提问律师</div>
                                    <div class="info-b">只能呼叫系统</div>
                                </div>
                            </div>
                            <div class="item fl">
                                <img src="../../images/indexmenu8.png" class='icon fl'>
                                <div class="info">
                                    <div class="info-a">案列云计算</div>
                                    <div class="info-b">法律与数据相结合</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="adv-c fl">
                        <div class="jx-server">
                            <div class="title">精选律师服务</div>
                            <div class="list">
                                <a href='' class="item fl">
                                    <img src="../../images/indexmenu1.png" class="icon">
                                    <div class="txt">按服务找律师</div>
                                </a>
                                <a href='' class="item fl">
                                    <img src="../../images/indexmenu2.png" class="icon">
                                    <div class="txt">按专长找律师</div>
                                </a>
                                <a href='' class="item fl">
                                    <img src="../../images/indexmenu3.png" class="icon">
                                    <div class="txt">最新服务案列</div>
                                </a>
                                <a href='' class="item fl">
                                    <img src="../../images/indexmenu4.png" class="icon">
                                    <div class="txt">律师精彩视频</div>
                                </a>
                            </div>
                        </div>
                        <div class="findbycity">
                            <div class="title">按照城市找律师</div>
                            <div class="list">
                                <div class="item fl">全国</div>
                                <div class="item fl">北京</div>
                                <div class="item fl">上海</div>
                                <div class="item fl">广州</div>
                                <div class="item fl">深圳</div>
                                <div class="item fl">武汉</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="floorone">
                <div class="wrapper">
                    <div class="jx-ly">
                        <div class="l-title">精选律师 <span>特邀专业律师，快速、高效为您解决法律问题</span> </div>
                        <div class="list">
                            <div class="item fl">
                                <div class="left fl">
                                    <div class="l-top">
                                        <div class="name fl">张国美</div>
                                        <div class="labble fl">律师</div>
                                    </div>
                                    <div class="info">专业劳动争议律师</div>
                                    <div class="phone">136-1385-2556</div>
                                </div>
                                <img class="fr heading" src="../../images/lawyer2.png">
                            </div>
                            <div class="item fl">
                                <div class="left fl">
                                    <div class="l-top">
                                        <div class="name fl">张国美</div>
                                        <div class="labble fl">律师</div>
                                    </div>
                                    <div class="info">专业劳动争议律师</div>
                                    <div class="phone">136-1385-2556</div>
                                </div>
                                <img class="fr heading" src="../../images/lawyer2.png">
                            </div>
                            <div class="item fl">
                                <div class="left fl">
                                    <div class="l-top">
                                        <div class="name fl">张国美</div>
                                        <div class="labble fl">律师</div>
                                    </div>
                                    <div class="info">专业劳动争议律师</div>
                                    <div class="phone">136-1385-2556</div>
                                </div>
                                <img class="fr heading" src="../../images/lawyer2.png">
                            </div>
                            <div class="item fl">
                                <div class="left fl">
                                    <div class="l-top">
                                        <div class="name fl">张国美</div>
                                        <div class="labble fl">律师</div>
                                    </div>
                                    <div class="info">专业劳动争议律师</div>
                                    <div class="phone">136-1385-2556</div>
                                </div>
                                <img class="fr heading" src="../../images/lawyer2.png">
                            </div>
                            <div class="item fl">
                                <div class="left fl">
                                    <div class="l-top">
                                        <div class="name fl">张国美</div>
                                        <div class="labble fl">律师</div>
                                    </div>
                                    <div class="info">专业劳动争议律师</div>
                                    <div class="phone">136-1385-2556</div>
                                </div>
                                <img class="fr heading" src="../../images/lawyer2.png">
                            </div>
                        </div>
                    </div>
                    <div class="jx-news">
                        <div class="l-title">法律快讯 <span>特邀专业律师，快速、高效为您解决法律问题</span> 
                          <div class="l-title-right fr">
                              <i class="iconfont iconhuanyipi"></i>
                              <span class="right-txt">换一批</span>
                          </div>
                        </div>
                        <div class="list">
                            <div class="item fl">
                                <div class="item-title">2020年国庆中秋节放假安排</div>
                                <div class="item-desc">今年的国庆节和中秋节恰好碰上，原本的国庆7天假期变成8天，这也是啥昂班组</div>
                            </div>
                            <div class="item fl">
                                <div class="item-title">2020年国庆中秋节放假安排</div>
                                <div class="item-desc">今年的国庆节和中秋节恰好碰上，原本的国庆7天假期变成8天，这也是啥昂班组</div>
                            </div>
                            <div class="item fl">
                                <div class="item-title">2020年国庆中秋节放假安排</div>
                                <div class="item-desc">今年的国庆节和中秋节恰好碰上，原本的国庆7天假期变成8天，这也是啥昂班组</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="floortwo">
                <div class="wrapper">
                    <div class="zy-ly">
                        <div class="l-title">专业律师推荐 <span>专注理论与实践，为您争取最大权益</span> </div>
                        <div class="list">
                            <div class="item fl">
                                <div class="ly-info bg1">
                                    <div class="top">
                                        <span class="name">刘美</span>
                                        <span class="labble">专业律师</span>
                                    </div>
                                    <div class="info-txt">合同纠纷，婚姻家庭，刑事辩护</div>
                                    <div class="phone">136-1385-2556</div>
                                    <img src="../../images/lawyer2.png" class="heading">
                                </div>
                            </div>
                            <div class="item fl">
                                <div class="item-title">优质高效<span>更快的响应，更优质的服务</span></div>
                                <div class="lm-info">
                                    <div class="lm-item fl bg4">
                                        <div class="name">斐小文</div>
                                        <div class="phone">400-820-8820</div>
                                        <div class="info">
                                            <span>专业劳动</span><br/><span>纠纷律师</span>
                                        </div>
                                        <img src="../../images/lawyer2.png" class="heading">
                                    </div>
                                    <div class="lm-item fr bg2">
                                        <div class="name">斐小文</div>
                                        <div class="phone">400-820-8820</div>
                                        <div class="info">
                                            <span>专业劳动</span><br/><span>纠纷律师</span>
                                        </div>
                                        <img src="../../images/lawyer2.png" class="heading">
                                    </div>
                                </div>
                                <div class="lm-btinfo bg3">
                                    <img src="../../images/lawyer2.png" class="heading">
                                    <div class="info">
                                        <div class="name">张小雨</div>
                                        <div class="phone">300-820-9920</div>
                                        <div class="txt">专业劳动纠纷律师</div>  
                                    </div>
                                </div>
                            </div>
                            <div class="item fl">
                                <div class="ly-info lr-info bg2">
                                    <div class="top">
                                        <span class="name">刘美</span>
                                        <span class="labble">专业律师</span>
                                    </div>
                                    <div class="phone">136-1385-2556</div>
                                    <img src="../../images/lawyer2.png" class="heading">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ask-ly">
                        <div class="l-title">律师问答 <span>更快服务响应时间，更快提供法律服务</span> </div>
                        <div class="ask-content ">
                            <div class="findbycat fl">
                                <div class="title">按分类查找</div>
                                <div class="list">
                                    <div class="item active">
                                        <div class="fixinfo">
                                            <i class="iconfont iconxin-copy icon fl"></i>
                                            <div class="txt fl">婚姻家庭</div>
                                            <i class="iconfont iconf11 fr"></i>
                                        </div>
                                        <div class="labbles">
                                            <div class="labble fl">离婚</div>
                                            <div class="labble fl">财产分割</div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="fixinfo">
                                            <i class="iconfont iconxin-copy icon fl"></i>
                                            <div class="txt fl">婚姻家庭</div>
                                            <i class="iconfont iconf11 fr"></i>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="fixinfo">
                                            <i class="iconfont iconjiaotongshigu icon fl"></i>
                                            <div class="txt fl">交通事故</div>
                                            <i class="iconfont iconf11 fr"></i>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="fixinfo">
                                            <i class="iconfont iconxingshi icon fl"></i>
                                            <div class="txt fl">刑事辩护</div>
                                            <i class="iconfont iconf11 fr"></i>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="fixinfo">
                                            <i class="iconfont iconlaodonggongshang icon fl"></i>
                                            <div class="txt fl">劳动工伤</div>
                                            <i class="iconfont iconf11 fr"></i>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="fixinfo">
                                            <i class="iconfont iconfangchan icon fl"></i>
                                            <div class="txt fl">房产纠纷</div>
                                            <i class="iconfont iconf11 fr"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ask-online fr">
                                <div class="search-box">
                                   <div class="spa fl">多位在线律师提供解答</div>
                                   <div class="btn fr">立即询问</div>
                                   <input type="text" class="ipt fr" placeholder="请输入您想咨询的问题">
                                </div>
                                <div class="list">
                                    <div class="item">
                                       <img src="../../images/lawyer.png" class="heading fl">
                                       <div class="info fr">
                                           <div class="txt">我何先生都是在农村户口，而且在同一个县城，我的户口在娘家，宝宝是刚出生的，户口本
                                               上还没有上，现在我想打宝宝户口一起签到昆明，以后</div>
                                           <div class="other-info">
                                               <div class="cat fl">分类：其他</div>
                                               <div class="cat fl">律师解答数：19人</div>
                                               <div class="cat fl">最近回复：9-7 14:14</div> 
                                           </div>
                                       </div>
                                    </div>
                                    <div class="item">
                                        <img src="../../images/lawyer.png" class="heading fl">
                                        <div class="info fr">
                                            <div class="txt">我何先生都是在农村户口，而且在同一个县城，我的户口在娘家，宝宝是刚出生的，户口本
                                                上还没有上，现在我想打宝宝户口一起签到昆明，以后</div>
                                            <div class="other-info">
                                                <div class="cat fl">分类：其他</div>
                                                <div class="cat fl">律师解答数：19人</div>
                                                <div class="cat fl">最近回复：9-7 14:14</div> 
                                            </div>
                                        </div>
                                     </div>
                                     <div class="item">
                                        <img src="../../images/lawyer.png" class="heading fl">
                                        <div class="info fr">
                                            <div class="txt">我何先生都是在农村户口，而且在同一个县城，我的户口在娘家，宝宝是刚出生的，户口本
                                                上还没有上，现在我想打宝宝户口一起签到昆明，以后</div>
                                            <div class="other-info">
                                                <div class="cat fl">分类：其他</div>
                                                <div class="cat fl">律师解答数：19人</div>
                                                <div class="cat fl">最近回复：9-7 14:14</div> 
                                            </div>
                                        </div>
                                     </div>
                                     <div class="item">
                                        <img src="../../images/lawyer.png" class="heading fl">
                                        <div class="info fr">
                                            <div class="txt">我何先生都是在农村户口，而且在同一个县城，我的户口在娘家，宝宝是刚出生的，户口本
                                                上还没有上，现在我想打宝宝户口一起签到昆明，以后</div>
                                            <div class="other-info">
                                                <div class="cat fl">分类：其他</div>
                                                <div class="cat fl">律师解答数：19人</div>
                                                <div class="cat fl">最近回复：9-7 14:14</div> 
                                            </div>
                                        </div>
                                     </div>
                                </div>
                                <a href="" class="more">查看更多 》</a>
                           </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="floorthree">
                <div class="wrapper">
                    <div class="l-title">律师说法 <span>资深名律，专于法律，诚于服务</span> 
                        <div class="l-title-right fr">
                            <span class="right-txt">查看更多</span>
                            <i class="iconfont iconarrow-right"></i>
                        </div>
                    </div>
                    <div class="ly-sf">
                        <div class="item fl">
                            <img class="cover" src="../../images/video_cover.png">
                            <img src="../../images/videoplay.png" class="parue">
                            <div class="title ell1">专利有效期多少</div>
                            <div class="name">高丽娇律师</div>
                        </div>
                        <div class="item fl">
                            <img class="cover" src="../../images/video_cover.png" alt="">
                            <img src="../../images/videoplay.png" class="parue">
                            <div class="title ell1">专利有效期多少</div>
                            <div class="name">高丽娇律师</div>
                        </div>
                        <div class="item fl">
                            <img class="cover" src="../../images/video_cover.png" alt="">
                            <img src="../../images/videoplay.png" class="parue">
                            <div class="title ell1">专利有效期多少</div>
                            <div class="name">高丽娇律师</div>
                        </div>
                        <div class="item fl">
                            <img class="cover" src="../../images/video_cover.png" alt="">
                            <img src="../../images/videoplay.png" class="parue">
                            <div class="title ell1">专利有效期多少</div>
                            <div class="name">高丽娇律师</div>
                        </div>
                    </div>
                    <div class="l-title">律师聚焦 <span>好评推荐，为您提供放心的法律服务</span> 
                        <div class="l-title-right fr">
                            <span class="right-txt">查看更多</span>
                            <i class="iconfont iconarrow-right"></i>
                        </div>
                    </div>
                    <div class="lv-jj">
                        <div class="item fl">
                            <div class="title">婚姻家庭</div>
                            <div class="cats">
                                <div class="left fl">结婚/离婚/夫妻财产/收养赡养</div>
                                <div class="right fr">
                                    <span>更多</span>
                                    <i class="iconfont iconarrow-right"></i>
                                </div>
                            </div>
                            <div class="lvjj">
                                <img src="../../images/lawyer.png" class="heading">
                                <div class="name">刘美律师</div>
                                <div class="lt-desc ell2">刘美律师，北京合衡律师事务所专职律师。执业以来本律师一直秉</div>
                                <div class="phones">
                                    <i class="iconfont icondadianhua"></i>
                                    <span class="phone-txt">138-3656-0023</span>
                                </div>
                                <div class="tj">推荐</div>
                            </div>
                            <div class="labbles">
                                <div class="labble fl">协议离婚手续</div>
                                <div class="labble fl">怎么离婚</div>
                                <div class="labble fl">孩子抚养权</div>
                            </div>
                        </div>
                        <div class="item fl">
                            <div class="title">婚姻家庭</div>
                            <div class="cats">
                                <div class="left fl">结婚/离婚/夫妻财产/收养赡养</div>
                                <div class="right fr">
                                    <span>更多</span>
                                    <i class="iconfont iconarrow-right"></i>
                                </div>
                            </div>
                            <div class="lvjj">
                                <img src="../../images/lawyer.png" class="heading">
                                <div class="name">刘美律师</div>
                                <div class="lt-desc ell2">刘美律师，北京合衡律师事务所专职律师。执业以来本律师一直秉</div>
                                <div class="phones">
                                    <i class="iconfont icondadianhua"></i>
                                    <span class="phone-txt">138-3656-0023</span>
                                </div>
                            </div>
                            <div class="labbles">
                                <div class="labble fl">协议离婚手续</div>
                                <div class="labble fl">怎么离婚</div>
                                <div class="labble fl">孩子抚养权</div>
                            </div>
                        </div>
                        <div class="item fl">
                            <div class="title">婚姻家庭</div>
                            <div class="cats">
                                <div class="left fl">结婚/离婚/夫妻财产/收养赡养</div>
                                <div class="right fr">
                                    <span>更多</span>
                                    <i class="iconfont iconarrow-right"></i>
                                </div>
                            </div>
                            <div class="lvjj">
                                <img src="../../images/lawyer.png" class="heading">
                                <div class="name">刘美律师</div>
                                <div class="lt-desc ell2">刘美律师，北京合衡律师事务所专职律师。执业以来本律师一直秉</div>
                                <div class="phones">
                                    <i class="iconfont icondadianhua"></i>
                                    <span class="phone-txt">138-3656-0023</span>
                                </div>
                            </div>
                            <div class="labbles">
                                <div class="labble fl">协议离婚手续</div>
                                <div class="labble fl">怎么离婚</div>
                                <div class="labble fl">孩子抚养权</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-main">
                <div class="wrapper">
                    <div class="menus">
                        <a class="item fl" href="">关于我们</a>
                        <a class="item fl" href="">通知公告</a>
                        <a class="item fl" href="">意见反馈</a>
                        <div class="item fl">客服邮箱：KeFu12455@qq.com</div>
                        <a class="item fl">客服电话：400-902-9980</a>
                    </div>
                    <div class="downs">
                        <div class="item fl">
                            <div class="title">公众服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">找律师</a>
                                    <a class="link-url-item" href="">问律师</a>
                                    <a class="link-url-item" href="">学法规</a>
                                    <a class="link-url-item" href="">合同下载</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">用户APP下载地址</div>
                                        <div class="info-b">快速找律师/在线咨询</div>
                                        <div class="info-c">差法律知识/查看解答/随时追问</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item fr">
                            <div class="title">律师服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">律师加盟</a>
                                    <a class="link-url-item" href="">律师营销</a>
                                    <a class="link-url-item" href="">在线接单</a>
                                    <a class="link-url-item" href="">多人协作</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">律师APP下载地址</div>
                                        <div class="info-b">营销分析/回复咨询</div>
                                        <div class="info-c">案件洽谈/异地协查</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-beian">
                <div class="wrapper">
                    律师网版权所有 20205-2020 粤ICP备10231287号-5 粤公安网安备 44010602222号 增值电信业务经营许可证(ICP)粤B2-20100586
                </div>
            </div>
        </div>
    </div>
</body>

</html>